<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        name="viewport">
  <meta content="ie=edge" http-equiv="X-UA-Compatible">
  <title>Title</title>
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.0/css/all.css" rel="stylesheet">
<!--  <link rel="stylesheet" href="./font/iconfont.css">-->
  <link rel="stylesheet" href="./css/style.css">

</head>
<body>
<div class="container">
  <div class="name">
    <div class="nameText">你好, XXX</div>
    <div class="left"></div>
    <div class="right"></div>
    <div class="top"></div>
    <div class="bottom"></div>
  </div>
  <button>开始点名</button>
</div>

<!-- 抽屉效果 -->
<div class="drawerContainer">
  <div class="drawer">
    <div class="upload">
      <button>点击上传</button>
      <span>只能上传xlsx/xls文件</span>
      <input type="file" id="file" hidden>
      <div><svg t="1663129048852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5997" width="16" height="16"><path d="M847.488 1008.896H61.504V117.056h491.968l294.016 229.952z" fill="#F0A221" p-id="5998"></path><path d="M956.48 901.888H170.496V10.048h556.032l230.016 226.176v665.664zM729.984 102.016v144h144l-144-144z m-104.96 81.984H286.016v57.984h339.008v-57.984z m216.96 164.992H284.992v57.984h556.992v-57.984z m0 169.984H284.992v57.984h556.992v-57.984z m0 165.056H284.992v57.984h556.992v-57.984z" fill="#F1C84C" p-id="5999"></path></svg><span>food.xlsx</span></div>
    </div>
    <!-- 名字列表 -->
    <div class="nameList">
      <div class="nameListHeader">
        <span class="nameListHeader1">名字列表</span>
        <span class="nameListHeader2"><i class="fa fa-sort-desc" aria-hidden="true"></i></span>
      </div>
      <ul>
        <span onclick="showInput(event)">+</span>
      </ul>
    </div>
  </div>
</div>
<button class="theButton"></button>
</body>

<script src="js/script.js"></script>
</html>
